<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" type="text/css" href="css/neew.css">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <style>
        /* Make the image fully responsive */
        .carousel-inner img {
            width: 100%;
            height: 100%;
        }
        .dibu{
            /*background:red;*/
            width: 100%;
            height: 60%;
            position:absolute;
            top: 2100px;
            left: 1px;
            /*background: url("images/img_7.png");*/
            background:snow;
            background-repeat: no-repeat;
            background-size: 100% auto;
        }
       .tuzi{
           font:italic bold 12px/30px Georgia,serif;

        }
    </style>
</head>
<body style="background: #dddddd">
<div class="shang">
<!--    ding-->
    <div>

        <ul style="list-style-type: none;
            margin: 0;
            padding: 0;
            overflow: hidden;
            background-color: #333;">
            <li style=" float: left;"><a class="active" href="new1.html" style="display: block;
            color: white;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none">主页</a></li>
            <li style=" float: left;"><a href="serve.html" style="display: block;hover: background-color #111;
            color: white;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;">车辆服务</a></li>
            <li style=" float: left;"><a href="open.html" style="display: block;hover: background-color #111;
            color: white;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;">开放服务</a></li>
            <li style=" float: left;"><a href="About.html" style="display: block;hover: background-color #111;
            color: white;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;">关于我们</a></li>
            <li style=" float: left;"><a href="Login.html" style="display: block;hover: background-color #111;
            color: white;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;">登录/注册</a></li>
        </ul>

    </div>
<!--    ding-->
<div id="demo" class="carousel slide" data-ride="carousel">

    <!-- 指示符 -->
    <ul class="carousel-indicators">
        <li data-target="#demo" data-slide-to="0" class="active"></li>
        <li data-target="#demo" data-slide-to="1"></li>
        <li data-target="#demo" data-slide-to="2"></li>
    </ul>

    <!-- 轮播图片 -->
    <div class="carousel-inner">
        <div class="carousel-item active">
            <img src="images/img_6.png" style="height: 555px">
            <div class="carousel-caption">
                <h3 style="color:greenyellow;;font-size: 40px" class="tuzi">新能源</h3>
<!--                    <p>描述文字!</p>-->
            </div>
        </div>
        <div class="carousel-item">
            <img src="images/img_12.png">
            <div class="carousel-caption">
                <h3 style="color: greenyellow;font-size: 40px" class="tuzi">新出行</h3>
<!--                <p>描述文字!</p>-->
            </div>
        </div>
        <div class="carousel-item">
            <img src="images/img_13.png" style="height: 555px">
            <div class="carousel-caption">
                <h3 style="color: greenyellow;font-size: 40px" class="tuzi">新城市</h3>
<!--                <p>描述文字!</p>-->
            </div>
        </div>
    </div>

    <!-- 左右切换按钮 -->
    <a class="carousel-control-prev" href="#demo" data-slide="prev">
        <span class="carousel-control-prev-icon"></span>
    </a>
    <a class="carousel-control-next" href="#demo" data-slide="next">
        <span class="carousel-control-next-icon"></span>
    </a>
</div>
</div>
<div class="zhong">
    <!--侧边-->
    <div class="slider-nav" style="background-color:floralwhite;height: 800px;position: absolute;width: 300px">
        <ul>
            <li class="slider-li">
                <a href="development.html" class="name">
                    <span style="font-size: 30px">发展历程</span>

                    <span class="You"></span>
                </a>
            </li>
            <li class="slider-li">
                <a href="prospect.html" class="name">
                    <span style="font-size: 30px">应用前景</span>
                    <span class="You"></span>
                </a>
            </li>


            <li class="slider-li">
                <a href="Rental.html" class="name">
                    <span style="font-size: 30px">租车手续</span>
                    <span class="You"></span>
                </a>
            </li>
            <li class="slider-li">
                <a href="Catalogue.html" class="name">
                    <span style="font-size: 30px">租车分类</span>
                    <span class="You"></span>
                </a>
            </li>


        </ul>
    </div>
    <!--侧边-->
<!--   zhe-->
    <div class="container" style=" position: relative;
   bottom: -380px;
    left: 200px;">
        <img src="images/type04 (1).jpg" alt="Avatar" class="image" style=" border-radius: 8px;">
        <div class="overlay">
            <div class="text"><a href="#">随时开车</a></div>
        </div>
    </div>
<!--    zhe-->
<!--    you-->
    <div class="container" style=" position: relative;
   bottom: 290px;
    left: 720px;">
        <img src="images/type03.jpg" alt="Avatar" class="image" style=" border-radius: 8px;">
        <div class="overlay">
            <div class="text"><a href="#">便捷出行</a></div>
        </div>
    </div>
<!--    you-->
<!--    zhe-->
    <div class="container" style=" position: relative;
   bottom: 620px;
    left: 200px;">
        <img src="images/type01.jpg" alt="Avatar" class="image" style=" border-radius: 8px;">
        <div class="overlay">
            <div class="text"><a href="#">换代新车</a></div>
        </div>
    </div>
<!--    you-->
    <div class="container" style=" position: relative;
   bottom: 610px;
    left: 720px;">
        <img src="images/type02.jpg" alt="Avatar" class="image" style=" border-radius: 8px;">
        <div class="overlay">
            <div class="text"><a href="#">停车方便</a></div>
        </div>
    </div>

<!--    you-->
<!--    zhe-->
    <h1 style="position: absolute;top: 1400px;left: 650px;">我们的优势</h1>
    <h2 style="position: absolute;top: 1500px;left: 560px;">致力与用户有更好的体验</h2>

<!--zhe-->
</div>
<!--JIA-->
<div class="advclear" style="width: 80%;margin: 30px auto 0;display: flex;
justify-content: space-between;position: absolute;top: 1600px;left: 80px">
    <div class="advl1" style="width: 360px;float: left;margin: 0 20px;
    padding: 40px 0 20px;background: #f4f3f3;border-radius: 8px;">
        <dl style="margin: 0;padding: 0;border: 0;font-size: 100%;
    vertical-align: baseline;">
            <dt style="transition: all 0.5s;width: 200px;
    height: 200px;margin: 0 auto 20px;display: block;
    font-weight: 400;"><img src="images/img_15.png"></dt>
            <dd class="dd-tite" style="    font-size: 16px;text-align: center;
        padding: 0 0 8px;color: #595a5b;font-weight: bold;">计费灵活</dd>
            <dd class="count" style="    color: #8f8f90;line-height: 20px;
    font-size: 16px;text-align: center;">精细化出行降低成本。</dd>
        </dl>
    </div>
</div>
<!--JIA-->
<!--zjia-->
<div class="advclear" style="width: 80%;margin: 30px auto 0;display: flex;
justify-content: space-between;position: absolute;top: 1600px;left:580px ">
    <div class="advl1" style="width: 360px;float: left;margin: 0 20px;
    padding: 40px 0 20px;background: #f4f3f3;border-radius: 8px;">
        <dl style="margin: 0;padding: 0;border: 0;font-size: 100%;
    vertical-align: baseline;">
            <dt style="transition: all 0.5s;width: 200px;
    height: 200px;margin: 0 auto 20px;display: block;
    font-weight: 400;"><img src="images/img_16.png"></dt>
            <dd class="dd-tite" style="    font-size: 16px;text-align: center;
        padding: 0 0 8px;color: #595a5b;font-weight: bold;">高/中/低档车型随我挑</dd>
            <dd class="count" style="    color: #8f8f90;line-height: 20px;
    font-size: 16px;text-align: center;">多款车型 最大限度满足多层次出行需求。</dd>
        </dl>
    </div>
</div>
<!--zjia-->
<!--zjiajia-->
<div class="advclear" style="width: 80%;margin: 30px auto 0;display: flex;
justify-content: space-between;position: absolute;top: 1600px;left:1080px ">
    <div class="advl1" style="width: 360px;float: left;margin: 0 20px;
    padding: 40px 0 20px;background: #f4f3f3;border-radius: 8px;">
        <dl style="margin: 0;padding: 0;border: 0;font-size: 100%;
    vertical-align: baseline;">
            <dt style="transition: all 0.5s;width: 200px;
    height: 200px;margin: 0 auto 20px;display: block;
    font-weight: 400;"><img src="images/img_16.png"></dt>
            <dd class="dd-tite" style="    font-size: 16px;text-align: center;
        padding: 0 0 8px;color: #595a5b;font-weight: bold;">随时随地马上走</dd>
            <dd class="count" style="    color: #8f8f90;line-height: 20px;
    font-size: 16px;text-align: center;">本着认真的服务态度，让顾客更加节约时间。</dd>
        </dl>
    </div>
</div>
<!--zjiajia-->
<div class="dibu">
<!--        底部-->
<div   style='position:absolute;left:500px;width:146px; ' _side='0'>
    <div style="font-size: 25px;color:black">用车说明</div>
    <div style="font-size: 16px;line-height: 40px"><a href="#" style="color:black">预约用车</a></div>
    <div style="font-size: 16px;line-height: 40px"><a href="#" style="color:black">网点取车</a></div>
    <div style="font-size: 16px;line-height: 40px"><a href="#" style="color:black">投放车型</a></div>
    <div style="font-size: 16px;line-height: 40px"><a href="#" style="color:black">平台保障</a></div>
    <div style="font-size: 16px;line-height: 40px"><a href="#" style="color:black">商务合作</a></div>
</div>





<div   style='position:absolute;left:700px;width:146px; ' _side='0'>
    <div style="font-size: 25px;color:black">紧急事务</div>
    <div style="font-size: 16px;line-height: 40px"><a href="#" style="color:black">事故处理</a></div>
    <div style="font-size: 16px;line-height: 40px"><a href="#" style="color:black">保险理赔</a></div>
    <div style="font-size: 16px;line-height: 40px"><a href="#" style="color:black">救援服务</a></div>
    <div style="font-size: 16px;line-height: 40px"><a href="#" style="color:black">常见问题</a></div>
    <div style="font-size: 16px;line-height: 40px"><a href="#" style="color:black">联系我们</a></div>
</div>


<div   style='position:absolute;left:900px;width:146px; ' _side='0'>
    <div style="font-size: 25px;color:black">费用问题</div>
    <div style="font-size: 16px;line-height: 40px"><a href="#" style="color:black">费用说明</a></div>
    <div style="font-size: 16px;line-height: 40px"><a href="#" style="color:black">停车支付</a></div>
    <div style="font-size: 16px;line-height: 40px"><a href="#" style="color:black">违章押金</a></div>
    <div style="font-size: 16px;line-height: 40px"><a href="#" style="color:black">找停车点</a></div>
    <div style="font-size: 16px;line-height: 40px"><a href="#" style="color:black">费用明细</a></div>
</div>



<!--    客服-->
<div      style='position:absolute;left:1100px;;top: 350px;width:298px;' _side='0' >
    <div ><div >
                <span style="color:black">
                    <span style="line-height: 24px;">
                        <div style="text-align: right;">
                            <span style="font-size: 16px;">
                                <span style="line-height: 30px;">

                                </span></span></div><div style="text-align: right;">
                        <span style="font-size: 16px;"><span style="line-height: 30px;">
                            客服热线</span></span></div><div style="text-align: right;">
                        <span style="font-size: 20px;"><b><span style="line-height: 30px;
                        display: inline-block;">000-0000-000</span></b></span>
                    </div><div style="text-align: right;"><span style="font-size: 13px;">
                        上午 8:00-12：00 &nbsp; &nbsp;下午 13：00-19：00</span></div>
                    </span></span></div></div>
</div>

</div>

</body>
</html>